@use "element-plus/theme-chalk/el-message.css";
@use "element-plus/theme-chalk/el-notification.css";
@use "element-plus/theme-chalk/el-message-box.css";
@use "./base.scss";

:root {
  --color-primary: #526ff8;
  --color-white: #fff;
  --color-grey: #999;
  --color-success: #0fa807;
  --color-danger: #ff0000;
  --color-warning: #ff5714;
  --color-black: #000;
  --color-text-primary: #333;
  --color-bg-primary: #fff;
  --color-bg-second: #f1f4ff;
  --color-bg-thirty: #eff1fe;
  --color-bg-aside: #050a21;
  --color-border-primary: #ccc;
}

:root {
  --el-color-primary: var(--color-primary) !important;
}

.btn-text {
  padding: 4px 8px !important;

  &-primary {
    color: var(--color-primary) !important;
  }

  &-danger {
    color: var(--color-danger) !important;
  }
}

.btn {
  min-width: 120px !important;
  height: 48px !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  line-height: 48px !important;
  text-align: center !important;
}

.table-container {
  padding: 16px;
  border-radius: 8px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  background-color: var(--color-bg-primary);
}

.el-menu.el-menu--popup {
  .el-menu-item {
    color: var(--color-black);
  }

  .el-menu-item.is-active {
    color: var(--color-primary);
  }
}

.el-message.el-message--error,
.el-message.el-message--success {
  .el-badge.el-message__badge {
    display: none !important;
  }
}
